<template>
    <div
        class="d-inline-flex justify-center align-center icon-group"
        :class="[multiIcons ? 'icon-group__multi' : '']"
    >
        <slot name="body"></slot>
    </div>
</template>
<script>
/*
 * Copyright (c) 2020 MariaDB Corporation Ab
 * Copyright (c) 2023 MariaDB plc, Finnish Branch
 *
 * Use of this software is governed by the Business Source License included
 * in the LICENSE.TXT file and at www.mariadb.com/bsl11.
 *
 * Change Date: 2027-04-10
 *
 * On the date above, in accordance with the Business Source License, use
 * of this software will be governed by version 2 or later of the General
 * Public License.
 */

export default {
    name: 'details-icon-group-wrapper',
    props: {
        multiIcons: { type: Boolean, default: false },
    },
}
</script>
<style lang="scss" scoped>
.icon-group {
    min-height: 36px;
    // padding: 0px 12px;
    &:not(:last-of-type) {
        border-right: 1px solid $grayed-out;
    }
    ::v-deep .v-btn {
        min-width: unset !important;
        padding: 0px !important;
        width: 42px;

        border-radius: 0px !important;
        &:hover {
            border-radius: 0px !important;
        }
    }
    &__multi {
        ::v-deep .v-btn {
            width: 36px !important;
        }
    }
    svg {
        cursor: pointer;
    }
}
</style>
